<script setup lang="ts">
import IconView from "@/components/IconView.vue"
import { SongLengthToDateString } from '@/utils/date'
import { useAudioPlayerStore } from '@/stores'
const audioStore = useAudioPlayerStore()
</script>

<template>
  <div><span>{{ SongLengthToDateString(audioStore.currentTime) }}</span>&nbsp;/&nbsp;<span>{{ SongLengthToDateString(audioStore.songTime) }}</span>
<!--    <div>-->
<!--      <IconView>-->
<!--        <template #img >-->
<!--          <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">-->
<!--            <path fill="#000" fill-rule="evenodd" d="M4.925 5.86H10.1v4.524H5.924v.845h-.999v-5.37zm-.888-2.63h7.132v1.008H4.037V3.23zm.458-1.731V.491H13v10.915c0 1.053-.481 1.585-1.443 1.594-.823 0-1.65-.005-2.483-.014a6.276 6.276 0 0 0-.222-1.09c.897.064 1.688.096 2.372.096.463 0 .694-.26.694-.777V1.499H4.495zm-.263 8.476c.027.472.06.863.097 1.172-1.175.745-2.035 1.349-2.58 1.812l-.653-.913c.315-.245.472-.654.472-1.226V5.464H0v-.98h2.636v6.581c.648-.427 1.18-.79 1.596-1.09zM1.415 0a100.404 100.404 0 0 1 2.192 2.262l-.97.804A26.337 26.337 0 0 0 .568.722L1.415 0zm7.686 9.43V6.813H5.924V9.43h3.177z"/>-->
<!--          </svg>-->
<!--        </template>-->
<!--      </IconView>-->
<!--    </div>-->
  </div>
</template>

<style scoped>
div{
  margin-left: 8px;
  font-size: 14px;
}
</style>